@import url('../style.less');

.home {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    .left {
        h2 {
            font-size: 34px;
            color: @fc-34;
            font-weight: bold;
            letter-spacing: 1px;
            margin-top: 15px;
        }
        .desc {
            border-left: solid 5px @bc-24;
            padding-left: 15px;
            p {
                font-size: 24px;
                font-weight: bold;
                color: @fc-35;
                letter-spacing: 1px;
            }
        }
        .bottom {
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
            .remark-container {
                .ball {
                    margin-left: 9px;
                    width: 60px;
                    height: 60px;
                    border-radius: 30px;
                    font-size: 24px;
                    text-align: center;
                    line-height: 60px;
                    color: #fff;
                }
                .blue {
                    background-color: @bgc-32;
                }
                .red {
                    background-color: @bgc-33;
                }
                .green {
                    background-color: @bgc-34;
                }
                .remark {
                    font-size: 16px;
                    text-align: center;
                    color: @fc-2;
                    width: 100%;
                    margin-top: 20px;
                }
            }
        }
    }
    .right {
        margin-left: 40px;
        margin-top: 40px;
        .banner {
            width: 400px;
            height: auto;
        }
    }
}